<!-- @format -->

<template>
  <base-card title="会议标题">
    <template #titleAction>
      <van-tag type="primary">待审核</van-tag>
    </template>
    <div class="card-container">
      <van-cell title="会议编码">123123912939129321</van-cell>
      <van-cell title="会议时间">2023-01-02 19:00-23:00</van-cell>
      <van-cell title="腾讯会议">
        443-223-134
        <van-button
          size="mini"
          icon="column"
          class="ml-2"
          @click.stop="clickCopy(item)"
        >复制</van-button>
      </van-cell>
      <van-cell title="会议总费用">￥10225.00</van-cell>
      <van-cell title="会议海报">
        <van-button
          size="mini"
          class="ml-2"
          @click.stop="clickCopy(item)"
        >点击查看</van-button>
      </van-cell>
    </div>
    <div class="card-handle van-hairline--top">
      <div class="text-danger">
        <van-icon name="delete-o" />
        <span> 取消会议</span>
      </div>
      <div class="text-primary">
        <van-icon name="edit" />
        <span> 编辑会议</span>
      </div>
    </div>
  </base-card>
</template>

<script setup>
import useClipboard from 'vue-clipboard3'
import { showSuccessToast, showToast } from 'vant';
const { toClipboard } = useClipboard()

const clickCopy = async (item) => {
	try {
		await toClipboard(`腾讯会议\n讲题:${item.topic}\n主席:${zhuxi}\n会议号：${item.onlineCode}\n入会链接：${item.speakerUrl}`)
		showSuccessToast('复制成功')
	} catch (err) {
		showToast('复制失败')
	}
}
</script>

<style lang="less">
</style>
